@media screen and (max-device-width:960px){#naval a{padding: 0;margin:8px 7px;} #back2{margin-top: 3%;} #introduction{margin-bottom:0%;} .turn_3d{font-size: 1.8rem;} #poster{height:560px;width:270px;} #lb_gl2{height:625px;} #big{width: 45%;} #test1{height: 200px!important;overflow: hidden;} #naval{float: right;} #gat{margin-top:16%;} #box{width: 18%;} .layui-nav-tree{width: 100%;text-align: center;} #count,#count2,#count3{width:80px!important;height: 80px!important;line-height:80px!important;font-size: 2.2rem!important;} #count,#count2,#count3{margin: 0 auto!important;} #box{width: 22%!important;} #logo{float: left;}}
@media screen and (min-width:960px){#naval{float: right;} #naval li{margin: 10px;} #naval li a{font-size: 1.8rem;}}
@media screen and (min-width:960px) and (max-width:1200px){#naval{margin-left: 310px;float: right;}}
#Service_case{width: 100%;}
#Service_case h1{font-size: 1.8rem;font-weight: 500;text-align: center;color: #4D4D4D;}
#Service_case p{text-align: center;line-height:30px;font-size: 1.2rem;color: #969699;}
h2{text-align: center;color: #D7D7D7}
#count,#count2,#count3{width:120px;height:120px;background-color: #0093FF;color: #FFFFFF;font-size:3.4rem;line-height:120px;text-align: center;border-radius: 50%;font-family: "Arial Black";margin: 0 auto;}
#number{height: auto;overflow: hidden;margin: 0 auto;margin-top:6%;margin-bottom: 6%;}
#box{float:left;width:22%;margin:0 5.5%;}
#box p{text-align: center;font-size: 1.4rem;margin-top:20px;color: #4d4d4d;}
#bottom{max-width: 1280px;width: 98%;margin: 0 auto;padding-bottom:40px;}
#bottom li{width: 100%;height: auto;text-align: center;}
#bottom li:nth-child(1){font-size: 1.1rem;color: #E1E1E9;}
#bottom li a{color: #E1E1E9;font-size: 1rem;line-height: 20px;}
#bottom li:nth-child(3) a{font-size: 1.1rem;color:#E1E1E9;}
#backstage{background-color: #31353b;}
.stage{max-width: 1280px;margin: 0 auto;width: 100%;height: 80px;}
.stage li{float: left;width: 50%;margin-top:2%;}
.stage li a{color:#e1e1e9;display: block;font-size: 1rem;text-align: center;}
*{margin: 0;padding: 0;outline: 0;}
.side-bar a,.chat-tips i{background-image: url(../images/gdt-img.png);background-repeat: no-repeat;}
/*右侧悬浮icon*/
.side-bar{width: 66px;position: fixed;bottom: 20px;right: 25px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a{width: 66px;height: 66px;display: inline-block;background-color: #dddddd;margin-bottom: 2px;}
.side-bar a:hover{background-color: #669fdd;}
.side-bar .icon-qq{background-position: 0 -62px;}
.side-bar .icon-chat{background-position: 0 -130px;position: relative;}
.side-bar .icon-chat:hover .chat-tips{display: block;}
.side-bar .icon-blog{background-position: 0 -198px;}
.side-bar .icon-mail{background-position: 0 -266px;}
.side-bar .icon-totop{background-position: 0 -334px;}
.chat-tips{padding: 20px;border: 1px solid #d1d2d6;position: absolute;right: 78px;top: -55px;background-color: #ffffff;display: none;}
.chat-tips i{width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;}
.chat-tips img{width: 138px;height: 138px;}
#center{max-width: 1280px;margin: 0 auto;}
#ter{width: 150px;margin: 0 auto;}
#center h1{text-align: center;margin-top: 16%;}
#message{height: auto;margin: 0 auto;margin-top: 50px;overflow: hidden;margin-bottom: 40px;}
.anniu{width: 100px;height: 40px;background-color: #1A89FA;border: none;border-radius:2px;color: white;font-size: 1.0rem;float: right;display: block;cursor: pointer;}
#internet h1{display: block;float: left;}
html,body{margin:0;padding:0;} .iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#map{height: auto;padding: 5px;background-color:#f1f1f3;}
#information{margin: 0 auto;}
.layui-nav-item{border-bottom:dashed 1px #e4e4e4;}
#right_1{overflow: hidden;margin-bottom: 2%;height: 18%;overflow: hidden;}
.putrue{width:18%;height: 80%;float: left;overflow: hidden;margin-top: 2%;}
.putrue img{width:100%;height:100%;}
.title{overflow: hidden;padding-left: 4%;cursor: pointer;}
.title h2{font-size: 1.8rem;color: #4D4D4D;text-align: left;font-weight: 600;}
.title p{font-size: 0.8rem;color: #4D4D4D;line-height: 1.8em;}
#introduction{height: auto;overflow: hidden;}
#vigo{float:left;padding:2% 2% 2% 4%;}
#gate{float:right;margin-top: 2%;}
#gate h1{font-size: 1.8rem;font-weight: 500;text-align: center;color: #4D4D4D;line-height: 2em;}
#gate p{color: #4D4D4D;line-height: 2em;font-size: 1.0rem;text-indent:2em;font-weight:500;font-family: "微软雅黑";}
#back{height: auto;overflow: hidden;margin: 0 auto;margin-bottom:10%;}
#gat{float:right;}
#gat h1{font-size: 1.8rem;font-weight: 500;text-align:left;color: #4D4D4D;line-height: 2em;}
#gat p{color: #4D4D4D;line-height: 2em;font-size: 1.0rem;font-weight:500;font-family: "微软雅黑";}
#pucture{width: 96%;height: 96%;transition: all 1.0s;cursor: pointer;}
#back2 img:hover{transform: scale(1.1);}
strong{font-weight: 500;}
a, a:hover, a:focus{color: #337ab7;text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
h1, h2{margin-top: 10px;font-size: 38px; font-weight: 100; color: #555; line-height: 50px;}
h3{font-size: 22px; font-weight: 300; color: #555; line-height: 30px;}
::-moz-selection{background: #fd625e; color: #fff; text-shadow: none;}
::selection{background: #fd625e; color: #fff; text-shadow: none;}
.btn-link-1{display: inline-block;line-height: 50px;padding: 20px 20px 0 20px;background: #fd625e;font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active{outline: 0; opacity: 0.6; color: #fff;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/***** Content *****/
.top-content .text{color: #fff;}
.top-content .logo{display: inline-block;width: 181px;height: 43px;margin: 0 auto;}
.top-content .text h1{margin-top: 30px;color: #fff;}
.top-content .description{margin: 20px 0 10px 0;}
.top-content .description p{opacity: 0.8;}
.top-content .description a{color: #fff;}
.top-content .description a:hover,
.top-content .description a:focus{border-bottom: 1px dotted #fff;}
.top-content .top-big-link{margin-top: 15px;}
/***** Modal *****/
.modal-content{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border: 0;text-align: left;}
.modal-header{padding: 25px 25px 15px 25px;background: #fff;border: 0;border-bottom: 1px solid #ddd;-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.modal-header .close{font-size: 36px;color: #888;font-weight: 300;text-shadow: none;opacity: 1;}
.modal-title{margin-bottom: 10px;line-height: 30px;}
.modal-body{padding: 25px 25px 30px 25px;background: #eee;text-align: left;-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.modal-body img{margin-bottom: 15px;}
.modal-body form textarea{height: 100px;}
.modal-body form .input-error{border-color: #fd625e;}
/***** Media queries *****/
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (max-width: 767px){.top-content .top-big-link{margin-top: 25px;}.top-content .top-big-link a.btn{margin-top: 10px;}}
@media (max-width: 415px){h1, h2{font-size: 32px;}}
#test1 img{width: 100%;height: 100%;}
#J_weixin{background-color:#fe704d;border: none;color: white;padding:6px;cursor: pointer;}
#weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;cursor: pointer;}#weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
#weixin-tip{margin-top:6%;}
#item7{width: 100%;height: auto;}
#item7 img{width: 100%;height: auto;}

